<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="css/bootstrap.min.css"/>
    <link rel="stylesheet" href="css/problem.css"/>
    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
</head>
<body style="background: #cccccc">
<nav class="navbar navbar-default navbar-fixed-top" style="background-color: white;display: block;">
    <div class="container">
        <a href="#" class="left"><img src="img/codelogo.png" style="width: 50%;margin-top: 10px;margin-bottom: 10px;" ></a>
        <div class="navtext left">
            <a href="#">开发者平台</a>
        </div>
        <div class="navcode right">
            <a href="#">开发者中心</a>
            <a href="#">应用管理</a>
            <a href="#">常见问题</a>
            <a href="#">登录</a>
        </div>
    </div>
</nav>
<div  class="secondMenu">
<div class="loginHeader">
<h3 >登录</h3>
</div>
  <div >
   <div>
       <img src="img/login_left_pic.png" alt="" style="width: 40%;padding-left: 50px;padding-top: 30px"/>
       <div class="rightLogin">
           <h3>欢迎登录</h3>
           <from>
               <h6>账号</h6>
               <input type="text" style="width: 280px;height: 30px" name="name"/>
               <div style="height: 25px"><h6 style="float: left">密码</h6> <p style="float: right;"><a href="" style="position: relative;top: 8px;right: 10px">忘记密码?</a></p></div>
               <input type="text" style="width: 280px;height: 30px" pwd="pwd"/>
               <p id="insert"><a href="">还没有账号?赶快注册》</a></p>
              <button class="btn btn-info" style="width: 280px;border-radius: 0px">登录</button>
           </from>
       </div>
   </div>

  </div> 
</div>

<div style="height: 80px;background: #666666;margin-top: 30px">
    <div class="container">
        <div class="left" style="line-height: 80px;padding-left: 100px">
            <li style="float: left;padding-right: 20px"><span style="color: #ffffff">·</span><a href="#" style="color: #ffffff">关于平台</a></li>
            <li style="float: left;padding-right: 20px"><span style="color: #ffffff">·</span><a href="#" style="color: #ffffff">联系我们</a></li>
            <li style="float: left"><span style="color: #ffffff">·</span><a href="#" style="color: #ffffff">开发者协议</a></li>
        </div>
        <span class="right" style="line-height: 80px;padding-right: 80px;color: #ffffff">Copyright © 2015 wisedu All Rights Reserved</span>
    </div>
</div>
<script>

</script>
</body>
</html>